@charset "UTF-8";
/**
 * 鸡蛋白CSS样式
 * @authors Your Name (you@example.org)
 * @date    2014-012-6 12:10:02
 * @version $Id$
 */

 /* 鸡蛋白视频部分 */
#glair{width: 100%; height: auto; overflow-x:hidden;}
#glair .video{width: 100%; height: 855px; position: relative; font-family: "SYHT";}
#glair .video .notice{position: absolute; width: 56px; height: 56px; background-color: #eeeeee; left: 50%; margin-left: 430px; cursor: pointer;}
#glair .video .notice p{text-align: center; color: #292929; font-size: 16px; margin: 0; font-weight: bold; margin-top: 5px;}
#glair .video .video_top{width: 872px; height: 323px; position: absolute; left: 50%; margin-left: -208.5px; top: 0px;}
#glair .video .look_video_btn{position: absolute; top: 315px; left: 50%; margin-left: -145px; width: 130px; height: 25px; cursor: pointer;}
#glair .video .look_video_btn:hover{opacity: 0.8;}
#glair .video .look_video_btn img{float: left; width: 25px; height: 25px;}
#glair .video .look_video_btn span{float: left; line-height: 25px; font-size: 20px; color: #a20611; margin-left: 11px; font-family: "SYHT"; font-weight: 600;}
#glair .video .free_receive{position: absolute; top: 315px; left: 50%; width: 330px; height: 25px; line-height: 25px; font-family: "SYHT";margin-left: 25px;}
#glair .video .free_receive .button{float: left; font-size: 20px; color: #a20611; cursor: pointer;}
#glair .video .free_receive .button:hover{opacity: 0.8;}
#glair .video .free_receive span{font-size: 14px; color: #666666; margin-left: 10px;}

#glair .video .exchange{width: 320px;height: 35px;position: absolute;top: 360px;left: 50%; margin-left: -160px;}
#glair .video .exchange input{border: solid 1px #c0c0c0;width: 100px;height: 24px;padding: 0px 25px ;}
#glair .video .exchange .button{margin-left: 5px;cursor: pointer;text-decoration:underline; }
#glair .video .error{width: 200px;height: 20px;position: absolute;top: 390px;left: 50%;margin-left: -160px;padding-left: 120px;color: #a20611;}

#glair .video .video_img{width: 1644px; height: 437px; position: absolute; top: 430px; left: 50%; margin-left: -822px;}
#glair .video .video_img img{width: 1644px; height: 437px;}
#glair .video .glair_cd{position: absolute; left: 50%; margin-left: -430px; top: 150px; display: none;}

/* 内测公告弹窗 Begin */
#glair .notice_popup{position: fixed; width: 800px; height: 598px; background-color: #fff; left: 50%; top: 50%; margin: -299px 0 0 -400px; z-index: 9999999999; overflow: hidden;}
#glair .notice_popup .close{float: right; width: 16px; height: 16px; background: url(../images/close.png) no-repeat; margin: 10px 10px 0 0; cursor: pointer;}
#glair .notice_popup .close:hover{opacity: 0.8;}
#glair .notice_popup h3{width: 100%; height: 59px; line-height: 59px; text-align: center; font-size: 17px; font-weight: normal; color: #585858; margin-top: 22px;}
#glair .notice_popup .lines{width: 740px; height: 490px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 0 auto;}
#glair .notice_popup .content{position: absolute; top: 82px; right: 0; width: 770px; height: 490px; overflow: hidden; overflow-y: scroll;}
#glair .notice_popup .content p{font-size: 14px; color: #7a7a7a; margin: 0; line-height: 24px;}
#glair .notice_popup .content .p1{margin-top: 15px;}
#glair .notice_popup .content .notice_popup1{width: 341px; height: 172px; margin: 0 auto; margin-top: 7px; margin-bottom: 39px; display: block;}
#glair .notice_popup .content .notice_popup2{width: 231px; height: 219px; margin: 0 auto; display: block; margin-top: 15px; margin-bottom: 30px;}
/* 内测公告弹窗 End */

/* 鸡蛋白轮播图 */
#glair .ad{width: 1400px; height: 535px; overflow: hidden; position: relative; margin: 0 auto;}
#glair .ad .flexslider{width: 1400px; height: 535px;}
#glair .ad .flexslider .slides li img{width: 865px; height: 535px; margin-left: 267.5px;}
#glair .ad .flexslider ol{position: absolute; width: 350px; height: auto; text-align: center; padding: 0; bottom: 0; left: 50%; margin: 0 0 0 -175px;}
#glair .ad .flexslider ol li{display: inline-block; width: 30px;}
#glair .ad .flexslider ol li a{width: 10px; height: 10px; border: 1px solid #8e8e8e; text-indent: -99999px; border-radius: 5px; display: inline-block;}
#glair .ad .flexslider ol li .flex-active{background-color: #898989;}


/* 因为你,不妥协部分 */
#glair .of_you{width: 100%; height: 709px; float: left; position: relative;}
#glair .of_you .of_you_text{width: 726px; height: 290px; position: absolute; left: 50%; margin-left: -590px; z-index: 2; top: 150px;}
#glair .of_you .of_you_img{width: 1710px; height: 675px; position: absolute; left: 50%; margin-left: -855px; bottom: 0px; z-index: 1;}
#glair .of_you p{position: absolute; font-size: 18px; color: #4E4E4E; top: 450px; left: 50%; margin-left: -585px; z-index: 3; font-style: normal; line-height: 30px;}

/* 鸡蛋白描述部分 */
#glair .description{float: left; width: 100%; height: 929px; background-color: #fcfcfc;}
#glair .description .content{width: 1290px; height: 929px; margin: 0 auto;}
#glair .description .content .patch{float: left; width: 430px; height: 565px; position: relative; margin-top: 40px;}
#glair .description .content .patch .quotes_left{position: absolute; width: 26px; height: 18px; left: 76px; top: 285px;}
#glair .description .content .patch .quotes_right{position: absolute; width: 26px; height: 19px; left: 332px; top: 365px;}
#glair .description .content .shape .quotes_right{left: 335px; top: 410px;}
#glair .description .content .light .quotes_right{left: 295px; top: 410px;} 
#glair .description .content .patch .title{float: left; width: 237px; height: 155px; margin: 105px 0 0 82px;}
#glair .description .content .patch p{float:left; font-size: 21px; color: #6c6c6c; line-height: 42px; margin-left: 110px; font-family: "宋体";}
#glair .description .content .patch p .celebrity{font-size: 14px; font-family: "Microsoft YaHei";}
#glair .description .content .patch p .underline{float: left; width: 100px; height: 1px; border-bottom: 1px solid #6c6c6c; line-height: 0px; margin-bottom: 20px;}
#glair .description .content .bottom{float: left; width: 1147px; height: 286px; margin-left: 180px;}

/* 白部分 */
#glair .white{float: left; width: 100%; height: 556px; position: relative;}
#glair .white img{float: left; width: 1920px; height: 556px; position: absolute; left: 50%; margin-left: -960px;}
#glair .white strong{position: absolute; left: 50%; margin-left: -250px; font-size: 18px; color: #a20611; font-weight: normal; top: 410px;}
#glair .white .text{position: absolute; width: 464px; height: auto; left: 50%; margin-left: -80px; top: 90px;}
#glair .white .text h1{float: left; font-weight: normal; font-size: 28px; font-family: "SYHT"; text-align: left; width: 100%; color: #6c6c6c; line-height: 55px; margin: -60px 0 0 -490px;}
#glair .white .text p{font-family: left; font-size: 18px; color: #292929; line-height: 30px; width: 100%; text-align: right; margin-top: 200px; float: left;}

/* 细腻部分 */
#glair .exquisite{float: left; width: 100%; height: 701px; background-color: #dcdcdc; position: relative;}
#glair .exquisite .title{position: absolute; width: 508px; height: 298px; left: 50%; margin-left: -600px; top: 70px; z-index: 1;}
#glair .exquisite .right{position: absolute; width: 976px; height: 701px; left: 50%; margin-left: 0px; z-index: 2;}
#glair .exquisite .text{position: absolute; width: 430px; height: 262px; left: 50%; margin-left: -570px; top: 345px;}
#glair .exquisite .text h1{float: left; font-weight: normal; font-size: 28px; font-family: "SYHT"; text-align: left; width: 100%; color: #6c6c6c; line-height: 60px;}
#glair .exquisite .text p{font-family: left; font-size: 18px; color: #292929; line-height: 30px; width: 100%; text-align: left;}
#glair .exquisite .bright_top{position: absolute; width: 1930px; height: 42px; left: 50%; margin-left: -965px; bottom: 0px; z-index: 3;}

/* 亮部分 */
#glair .bright{float: left; width: 100%; height: 536px; background-color: #292929; position: relative;}
#glair .bright .left{position: absolute; width: 620px; height: 340px; left: 50%; margin-left: -600px; top: 125px;}
#glair .bright .right{position: absolute; width: 243px; height: 282px; left: 50%; margin-left: 300px; top: 121px;}
#glair .bright .text{position: absolute; width: 390px; height: 296px; left: 50%; top: 75px;}
#glair .bright .text h1{float: left; font-weight: normal; font-size: 28px; font-family: "SYHT"; text-align: left; width: 100%; color: #a1a1a1; line-height: 60px;}
#glair .bright .text p{font-family: left; font-size: 18px; color: #fff; line-height: 42px; width: 100%; text-align: left;}

/* 名师力荐部分 */
#glair .recommend{float: left; width: 100%; height: 1109px; position: relative;}
#glair .recommend .bright_bottom{position: absolute; width: 1930px; height: 42px; left: 50%; margin-left: -965px; top: 0px;}
#glair .recommend .content{margin: 0 auto; width: 1290px; height: 1109px;}
#glair .recommend .content .title{float: left; width: 248px; height: 522px; margin-top: 70px;}
#glair .recommend .content .right{float: left; width: 963px; height: 959px; background-color: #fff; margin-top: 150px;}
#glair .recommend .content .right .box{float: left; width: 203px; height: 470px; margin-right: 36px;}
#glair .recommend .content .right .box img{float: left; width: 203px; height: 342px;}
#glair .recommend .content .right .box strong{float: left; width: 100%; height: 30px; line-height: 30px; margin-top: 8px; font-size: 18px; color: #292929;}
#glair .recommend .content .right .box strong em{font-size: 14px; font-style: normal;}
#glair .recommend .content .right .box p{float: left; font-size: 14px; color: #7c7c7c; line-height: 24px; margin: 0;}

/* 投票部分 */
#glair .ballot{float:left; width: 100%; height: 732px;}
#glair .ballot .content{margin: 0 auto; width: 1234px; height: 730px; border: 1px solid #515151;}
#glair .ballot .content .title{float: left; width: 635px; height: 69px; margin: 56px 0 0 326px;}
#glair .ballot .content .ballot_area{float: left; width: 440px; height: 386px; background-color: #eaeaea; margin: 88px 0 0 70px;}
#glair .ballot .content .ballot_area .money{float: left; width: 113px; height: 116px; margin-left: 71px; margin-top: 51px;}
#glair .ballot .content .ballot_area .money em{float: left; width: 40px; height: 40px; background-color: #b90c0c; border-radius: 50px; color: #fff; font-size: 22px; text-align: center; line-height: 40px; margin-left: 11px; font-style: normal;}
#glair .ballot .content .ballot_area .money .btn{width: 111px; height: 45px; cursor: pointer; float: left; font-size: 19px; color: #b90c0c; text-align: center; line-height: 45px; border: 1px solid #b90c0c; margin-top: 29px; padding: 0px; background-color: #eaeaea;}
	#glair .ballot .content .ballot_area .money .btn:hover{background-color: #b90c0c; color: #fff;  -webkit-transition: all .6s;transition: all .6s;}
#glair .ballot .content .display_area{float: left; width: 455px; height: 500px; margin-top: 43px; margin-left: 204px; position: relative; overflow: hidden;}
#glair .ballot .content .display_area .strip{height: auto; width: 70px; position: absolute;}
#glair .ballot .content .display_area .strip_1{left: 50px; bottom: 70px;}
#glair .ballot .content .display_area .strip_2{left: 154px; bottom: 70px;}
#glair .ballot .content .display_area .strip_3{left: 255px; bottom: 70px;}
#glair .ballot .content .display_area .strip_4{left: 360px; bottom: 70px;}
#glair .ballot .content .display_area .soll_num{width: 100%; height: 20px; line-height: 20px; text-align: center; color: #606060; font-family: "SYHT"}
#glair .ballot .content .display_area .strip_pic{width: 31px; margin-left: 18px; height: 340px; background-color: #aa3d3d;}
#glair .ballot .content .display_area .price{position: absolute; bottom: 0px; width: 100%; height: 70px; border-top: dotted 1px #515151; text-align: center; font-size: 22px; color: #606060;}
#glair .ballot .content .display_area .price em{font-style: normal; float: left; margin: 10px 0 0 47px;}

/* 免费领取部分 */
#glair .free_receive{float: left; width: 100%; height: 866px; position: relative;}
#glair .free_receive img{position: absolute; width: 1774px; height: 719px; top: 120px; left: 50%; margin-left: -887px;}
#glair .free_receive .content{width: 510px; height: 310px; position: absolute; left: 50%; margin-left: -255px; top: 318px;}
#glair .free_receive .content .button{width: 182px; height: 62px; color: #b90c0c; line-height: 62px; border: 2px solid #b90c0c; font-size: 28px; position: absolute; left: 50%; top: 30px; margin-left: -91px; cursor: pointer; text-align: center;}
#glair .free_receive .content .button:hover{opacity: 0.8;}
#glair .free_receive .content em{position: absolute;width: 370px;  left: 50%; margin-left: -185px; top: 100px; font-style: normal; color: #b90c0c; font-size: 20px;text-align: center;}
#glair .free_receive .content p{float: left; text-align: center; width: 100%; line-height: 32px; font-size: 15px; color: #515151; margin-top: 180px;}
#glair .free_receive .miss{width: 100%; position: absolute; text-align: center; bottom: 144px; text-align: center; color: #b90c0c; text-decoration: underline; font-size: 18px;}
#glair .free_receive .miss span{cursor: pointer;}
#glair .free_receive .miss span:hover{opacity: 0.8;}

/* 微信弹窗部分 */
#glair .mask{width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 99999999;}
#glair .weixin_popup{width: 352px; height: 511px; position: fixed; top: 50%; left: 50%; margin: -255.5px 0 0 -176px; background-color: #eeeeee; z-index: 999999999; text-align: center;}
#glair .weixin_popup .title{font-size: 25px; color: #515151; margin-top: 47px;}
#glair .weixin_popup p{line-height: 27px; font-size: 15px; color: #808080;}
#glair .weixin_popup .bottom{color: #8f8f8f; font-size: 15px; margin-top: 5px;}
#glair .close_wp{position: fixed; width: 49px; height: 49px; left: 50%; top: 50%; margin: -255px 0 0 176px; z-index: 999999999; cursor: pointer;}
#glair .close_wp img{width: 49px; height: 49px;}
#glair .close_wp:hover{opacity: 0.8;}

/* 投票弹窗部分 */
#glair .full_screen{position: fixed; width: 100%; height: 100%; z-index: 11111111; top: 0px;}
#glair .ballot_popup{position: fixed; width: 791px; height: 392px; left: 50%; margin-left: -395.5px; top: 50%; margin-top: -196px; z-index: 10; overflow: hidden;  z-index: 111111112;}
#glair .ballot_popup .bg{width: 791px; height: 392px;}
#glair .ballot_popup .close{position: absolute; width: 33px; height: 33px; top: 25px; right: 18px; cursor: pointer;}
#glair .ballot_popup .close:hover{opacity: 0.8;}
#glair .ballot_popup .reward_begin{position: absolute; width: 720px; height: 300px; left: 50%; margin-left: -360px; bottom: 30px;}
#glair .ballot_popup .reward_begin .thanks{font-size: 18px; color: #292929; position: absolute; left: 10px; top: 10px;}
#glair .ballot_popup .reward_begin .thanks2{font-size: 18px; color: #292929; position: absolute; left: 10px; top: 10px;}
#glair .ballot_popup .reward_begin .two_bg{width: 230px; height: 108px; background-color: #999999; position: absolute; left: 50%; margin-left: -285px; top: 55px;}
#glair .ballot_popup .reward_begin .two_bg img{width: 190px; height: 82px; float: left; margin: 12px 0 0 20px;}
#glair .ballot_popup .reward_begin .add{font-size: 80px; position: absolute; color: #292929; left: 50%; margin-left: -5px; top: 50px;}
#glair .ballot_popup .reward_begin .baoyou_logo{width: 155px; height: 63px; position: absolute; left: 50%; margin-left: 120px; top: 50px;}
#glair .ballot_popup .reward_begin .logo_bottom{width: 259px; height: 24px; position: absolute; left: 50%; margin-left: 63px; top: 130px;}
#glair .ballot_popup .reward_begin strong{font-size: 18px; color: #292929; position: absolute; left: 50%; margin-left: -97px; top: 180px; font-weight: normal;}
#glair .ballot_popup .reward_begin .go_index{width: 174px; height: 46px; background-color: #b90c0c; color: #ffffff; text-align: center; line-height: 46px; position: absolute; font-size: 15px; left: 50%; margin-left: -87px; top: 230px;}
#glair .ballot_popup .reward_begin .go_index:hover{opacity: 0.8;}
#glair .ballot_popup .reward_over{position: absolute; width: 630px; height: 240px; left: 50%; margin-left: -315px; top: 90px;}
#glair .ballot_popup .reward_over p{font-size: 20px; color: #292929; text-align: center; line-height: 35px;}
#glair .ballot_popup .reward_over .go_index{width: 174px; height: 46px; background-color: #b90c0c; color: #ffffff; text-align: center; line-height: 46px; position: absolute; font-size: 15px; left: 50%; margin-left: -87px; top: 150px;}
#glair .ballot_popup .reward_over .go_index:hover{opacity: 0.8;}

/* 评论部分 */
#glair .comment{width: 100%; height: auto; position: relative; float: left;}
#glair .comment .content{width: 1107px; height: auto; margin: 0 auto; position: relative;}
#glair .comment .content .top{width: 100%; height: 90px; font-family: "SYHT"; font-size: 29px; text-align: center; color: #606060; line-height: 90px; border-top: #606060 dotted 1px; border-bottom: #606060 dotted 1px;}
#comment_white{width:1107px;  overflow: hidden; margin: 0px auto;  padding-top: 80px; padding-bottom: 40px;}
#comment_white .comment_num{width: 180px; padding-left: 95px; height: 215px;float: left; color: #636363;font-size: 80px;}
#comment_white .comment_num span{color: #000;font-size: 20px;}

#comment_white .comment_content{width: 700px; height: 210px;float: left; margin-right: 120px;}
#comment_white .comment_content #comment_content{width: 700px; height: 185px;border: solid 1px #7a7a7a;resize: none;outline: none; text-indent: 14px; padding-top: 10px;}
#comment_white .publish{width: 135px; height: 43px; font-size: 22px; color: #fff;text-align: center; line-height: 43px;background: #b90c0c; float: right; margin-right: 127px; cursor: pointer;}
#comment_white .publish:hover{background: #eb2828;}
#comment_white .comment_list{width:1107px; height: auto; padding-top: 20px; float: left; }
#comment_white .comment_list .title{width: 100%;height: 54px; color: #a3a3a3; line-height: 54px; font-size: 25px; text-indent: 30px; border-bottom: dashed 1px #515151;}
#comment_white .comment_list .comment_son{width: 100%; height: 115px; border-bottom: dashed 1px #515151;}
#comment_white .comment_list .comment_son .heard{width: 105px; height: 95px;float: left; padding-left: 40px; padding-top: 20px;}
#comment_white .comment_list .comment_son .heard img{width: 72px; height: 72px;}
#comment_white .comment_list .comment_son .user_info{width: 780px; height: 115px; float: left;}
#comment_white .comment_list .comment_son .user_info .name {font-size: 20px; padding-top: 22px;width: 100%; }
#comment_white .comment_list .comment_son .user_info .name span{font-size: 14px;color: #2c2c2c;}
#comment_white .comment_list .comment_son .comment_note{width: 100%; height: 30px; margin-top: 20px;}
#comment_white .comment_list .comment_son .agree{width: 180px; float: right; height: 115px;}
#comment_white .comment_list .comment_son .agree .agree_name{width: 90px; height: 22px; text-align: center; margin-top: 30px; background: #b90c0c; border-radius: 11px; display: block;line-height: 22px;color: #fff; margin-bottom: 25px;}
#comment_white .comment_list .comment_son .agree .two{background: #fab204;}
#comment_white .comment_list .comment_son .agree .three{background: #fada04;}

#comment_white .comment_list .comment_son .agree .agree_click{text-indent: 15px;display: block;cursor: pointer;}
#comment_white .comment_list .more_commemt {width: 1100px; height: 42px;background: url(../img/more.png); margin: 16px auto;cursor: pointer;}